<template>
    <div class="footer">
        <div class="footer-content text-align-center">
            <div class="link-content">
                <ul class="link-list border-b-1 border-b-[#e8e8e8] line-height-48 flex h-48 w-[100%] justify-center">
                    <li class="mr-96">
                        关于安居链
                    </li>

                    <li class="mr-4">
                        友情链接：
                    </li>

                    <li class="mr-16">
                        <a href="http://zwfw.hubei.gov.cn"
                           target="_blank"
                        >湖北政务服务网</a>
                    </li>

                    <li class="mr-16">
                        <a href="https://www.whrcgz.gov.cn"
                           target="_blank"
                        >武汉人才服务网</a>
                    </li>

                    <li class="mr-16">
                        <a href="https://fgj.wuhan.gov.cn"
                           target="_blank"
                        >武汉市住房和城市更新局</a>
                    </li>
                </ul>

                <dl class="flex">
                    <dt>武汉安居供应链有限公司</dt>

                    <dd>Copyright &copy; 2025 WUHAN ANJULIAN. All Rights Reserved. 鄂ICP备2023030090号</dd>
                </dl>
            </div>
        </div>
    </div>
</template>

<style lang="scss" scoped>
.footer {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #fff;
    background-size: 100% 100%;
    width: 100%;
    height: 100px;
    font-size: 14px;
    > .footer-content {
        display: flex;
        justify-content: center;
        width: 1200px;
        height: 100%;
        margin: auto;
        > .left {
            display: flex;
            height: 100%;
            flex-direction: column;
            justify-content: space-between;
            color: #000;
            padding: 30px 0;
            .link-list {
                display: flex;
                > li {
                    padding: 0 40px;
                    a {
                        color: #000;
                    }
                    &:first-child {
                        padding-left: 0;
                    }
                }
            }
            > dl,
            dd {
                margin: 0;
            }
        }
    }
}
</style>
